(function () {
    //注册登录切换
    $('#goto-register').on('click', function () {
        $('#register').show()
    })

    $('#goto-login').on('click', function () {
        $('#register').hide()
    })

    //注册事件
    $('#register form').on('submit',function (e) {
        e.preventDefault()
        let data = $('#register form').serialize()
        axios.post('http://api-breakingnews-web.itheima.net/api/reguser',data).then(function (test) {

            let {message , status} = test.data
            
            if (status === 0) {
                layer.msg(message)
                $('#register').hide()
            } else {
                layer.msg(message)
            }
        })
    })

    //登录事件
    $('#login form').on('submit' , (e) => {
            e.preventDefault()
            let data = $('#login form').serialize()
            axios.post('http://api-breakingnews-web.itheima.net/api/login',data).then((test) => {
                let {message,status,token} = test.data
                if (status === 0) {
                    layer.msg(message)
                    //将登录成功的身份证(token)保存到本地
                    localStorage.setItem('token',token)
                    location.href = './index.html'
                } else {
                    layer.msg(message)
                }
            })
    })

    const form = layui.form; // 引用layui.js后, 有layui对象(类似于$), 然后拿到内部的form对象(用来管理所有用layui创建的表单-以及使用了lay-veify属性的标签)

    form.verify({ // 指定规则名和对应的验证规则
        username: [ // 用户名
            /^[a-z0-9]{6,10}$/,
            '账号名是6到10位由数字, 小写字母组成'
        ],
        password: [ // 密码
            /^[\S]{6,10}$/,
            '密码是6到10位, 不能有空格'
        ],
        
        repwd: function (value) {
            if ($('#register .pwd').val() !== value) {
                return '两次输入的密码必须一致'
            }
        }
 
    })


})()